.r{float:right}

.vertical-scroll::-webkit-scrollbar {
    width: 12px
}

.vertical-scroll::-webkit-scrollbar-track {
    border-left: 1px solid #a6a6a6;
    background: #d9d9d9
}

.vertical-scroll::-webkit-scrollbar-thumb {
    background: #a6a6a6
}

.horizontal-scroll::-webkit-scrollbar {
    height: 12px
}

.horizontal-scroll::-webkit-scrollbar-track {
    background: #d9d9d9
}

.horizontal-scroll::-webkit-scrollbar-thumb {
    background: #a6a6a6
}
.horizontal-scroll.thin-scroll::-webkit-scrollbar {
    height: 7px;
    width:7px;
}
.thin-scroll::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.thin-scroll::-webkit-scrollbar-track {
    background-color: #d9d9d9;
    border-left: 2px solid transparent
}

.thin-scroll::-webkit-scrollbar-thumb {
    background-color: #a6a6a6;
    border-left: 2px solid transparent
}

.thin-scroll::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, .1)
}

.transparent-scroll::-webkit-scrollbar {
    width: 8px
}

.transparent-scroll::-webkit-scrollbar-track {
    background: 0 0
}

.transparent-scroll::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .25)
}

div::-webkit-scrollbar,ol::-webkit-scrollbar,ul::-webkit-scrollbar,p::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

div::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track,
ol::-webkit-scrollbar-track,
p::-webkit-scrollbar-track
{
    background-color: #d9d9d9;
    border-left: 2px solid transparent
}

div::-webkit-scrollbar-thumb
ul::-webkit-scrollbar-thumb,
ol::-webkit-scrollbar-thumb,
p::-webkit-scrollbar-thumb {
    background-color: #a6a6a6;
    border-left: 2px solid transparent
}


div::-webkit-scrollbar-thumb:window-inactive
ul::-webkit-scrollbar-thumb:window-inactive ,
ol::-webkit-scrollbar-thumb:window-inactive ,
p::-webkit-scrollbar-thumb:window-inactive  {
    background: rgba(0, 0, 0, .1)
}

div::-webkit-scrollbar,ol::-webkit-scrollbar,ul::-webkit-scrollbar,p::-webkit-scrollbar {
    width: 7px;
    height: 7px
}